body{max-width: 640px; margin:0 auto;}
header img{width: 100%; height: auto;}
ul{margin: 0 0 0 0; padding:0 0 0 0 ;}
li {list-style-type:none;}
.nav_item{
	text-align: center;
	background-color: #2d90fa;
	height: 2.5em;
	line-height: 2.5em;
	border: solid 1px  #ffffff;
}
.nav_item a{
	color: #ffffff;
}
.title_item{
	height: 2.5em;
	line-height: 2em;
	background-color:  #2d90fa;
	color: #ffffff;
	clear: both;
}
.title_item div{ line-height: 2.5em; }
.title_item div a{ display: block;  width: 100% ; height: 100%; }

.Img_item{
	margin-top: 0.5em;
}
.Img_item img{
	display: block;
	width: 100%;
	height: 8em;
}
.flatbtn{
	color:#ffffff;
}
.imglist{ margin-bottom: 1em; float: left; }
.Img_item p{ display: block; line-height: 1.5em; overflow: hidden;text-align: center; margin-top: 0.5em;max-height:42px;}
.Img_item a{ display: inline-block; width: 50%; text-align: center; }
.news{
	margin-top: 1em; 
	padding-bottom: 1em;
}
.news li{    
	border-bottom: 1px dashed #ccc; height: 2.5em;
}
.new_title{
	float: left;
	display: block;
	overflow: hidden;
	height: 2em;
	line-height: 2.5em;
	padding-left: 1em; 
	width: 70%;
}
.new_time{
	float: right;
	display:  block;
	overflow: hidden;
	height: 2em;
	line-height: 2.5em;
	width: 25%;
}
.aboutas{
	padding-top: 1em;
	text-indent: 2em;
}
.footer{
	text-align: center; 
	padding-bottom:3em;
}

.shopitem li{ float: left; padding-left: 1em; padding-right: 1em; }
.page{ text-align:center; float: left; margin-top: 1em; margin-bottom: 1em;}
.page li{ float: left; padding-left: 0.5em; padding-right: 0.5em; }
#bottomToolbar{
    width:100%; 
    height:3em; 
    line-height:40px;
    background:#101010; border-top:2px solid #409F89;
    position:fixed; bottom:0; left:0;
    _position:absolute; _top:expression(documentElement.scrollTop+documentElement.clientHeight-this.offsetHeight);
    /*
        document.body.scrollTop 网页滚动的距离
        document.body.clientHeight 网页可见区域高
        this.offsetHeight 当前元素的高度
    */
}
#bottomToolbar a{ color:#FFF;}
#loginmodal {
  width: 300px;
  padding: 15px 20px;
  background: #f3f6fa;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
}

#loginform { /* no default styles */ }
.goout { display: block; float: right; }
#loginform label { display: block; font-size: 1.1em; font-weight: bold; color: #7c8291; margin-bottom: 3px; }
.slt{ width:80%; margin:  0 auto; }
.slt img{width: 100%; height: auto;}
.pagecontent{
	margin-bottom: 1em;
}
.pagecontent img{
	max-width: 100%;
}


.service{
	width:100%;
}

.service li{
	width:45%;
	margin: 10px 8px;
	border:1px solid #ccc;
	text-align:center;
	padding-bottom:20px;
	float:left;
	list-style:none;
}
.serpic{
	width:100%;
	margin:0 auto;
}
.item_img {
    overflow: hidden;
}
.serpic img{
	width:100%;
	transform: scale(1);
    -webkit-transition: all .7s;
	max-width:100%;
	display:inline;
}
.sercont{
	width:100%;
}
.sertit{
	margin: 20px 0 10px;
    font-size: 18px;
    color: #333333;
    font-weight: bold;
    display: inline-block;
}
.sercont p{
	padding-bottom:10px;
	font-size:16px;
}
.ser_a2{
	width: 120px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    border: 1px solid #999999;
    display: block;
    color: #999999;
    margin: 0 auto;
}

/* .service{ */
	/* width:100%; */
	/* padding-bottom:10px; */
/* } */
/* .service li{ */
	/* float:left; */
	/* width:48%; */
	/* margin-left:1%; */
	/* margin-right:1%; */
	/* height:50px; */
	/* background-color:#fff; */
	/* border-radius:5px; */
	/* margin-top:10px; */
/* } */
/* .service li a{ */
	/* line-height:50px; */
	/* text-align:center; */
	/* display:block; */
	/* height:50px; */
/* } */
/* .service li a img{ */
	/* height:80%; */
	/* margin-right:5px; */
/* } */